<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="./fonts/demo.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="shortcut icon" href="./image/logo.ico"/> 
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/animate.js"></script>
    <script src="./js/detail.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/layer.js"></script>
    <script src="./js/home.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-maddion">
            <ul>
                <li><a href=""><img src="./image/01.JPG" alt="">正品承诺</a></li>
                <li><a href="">常见问题</a></li>
                <li><a href="">产品注册</a></li>
                <li><a href="">发票说明</a></li>
                <li><a href="">卡西欧官网</a></li>
                <li class="ulest"><a href="./login.html">登录</a>
                    <a href="./register.html">注册</a>
                </li>
                <li><a href="">积分值</a></li>
                <li><a href="cart.html" class="glyphicon glyphicon-shopping-cart"> 购物车0</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav-big">
            <div class="nav-left">
                <a href="home.html">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/casio-logo.png" alt="">
                </a>
            </div>
            <div class="nav-maddion">
                <ul>
                    <li><a href="">手表</a></li>
                    <li><a href="">钟表</a></li>
                    <li><a href="">乐器</a></li>
                    <li><a href="">电子辞典</a></li>
                    <li><a href="">计算器</a></li>
                    <li><a href="">特殊限定款</a></li>
                    <li><a href="">配件</a></li>
                    <li><a href="">最新活动</a></li>
                    <li><a href="">个性定制</a></li>
                    <li><a href="">C's CLUB会员专区</a></li>
                </ul>
            </div>
            <div class="nav-right">
                <input type="text" value="MR-G系列" onkeydown="if (event.keyCode==20) {}"  onblur="if(this.value=='')value='MR-G系列';" onfocus="if(this.value=='MR-G系列')value='';" value="MR-G系列"/>
                <a href="" class="glyphicon glyphicon-search"></a>
            </div>
        </div>
    </div>
    <!-- 商品详情 -->
    <div class="container">
        <ol class="breadcrumb">
            <li><a href=""class="iconfont">&#xe64e; 首页</a></li>
            <li><a href="">&gt; 购物车</a></li>
            <li><a href="">&gt; BABY-G</a></li>
        </ol>
        <div class="content">
            <div class="middle">
                <img src="./image/s05.JPG" alt="">
                <div class="big">
                    <img src="./image/s05.jpg" alt="">
                </div>
                <div class="mark"></div>
            </div>
            <div class="goods-thumbs">
                <div class="small">
                    <img class="" src="./image/s02.jpg" alt="">
                    <img class="" src="./image/s03.jpg" alt="">
                    <img class="" src="./image/s04.jpg" alt="">
                    <img class="active" src="./image/s05.jpg" alt="">
                    <img class="" src="./image/s06.jpg" alt="">
                    <img class="" src="./image/s07.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="panel-header">
            <p class="product-title">
                卡西欧手表 BABY-G <br>
                豹纹主题系列 防水防震运动女表MSG-S200LP-5APFL
            </p>
            <p class="product-offline-sale-point">
                <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: rgb(51, 51, 51);">点击查看&nbsp;</span>
                <a href="http://support.casio.com/cn/manual/manual.php?cid=009" target="_blank" style="box-sizing: border-box; margin: 0px; padding: 0px; background-color: transparent; color: rgb(0, 0, 0); text-decoration-line: none; outline: 0px !important;">
                    <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: rgb(0, 113, 191);">
                        <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; vertical-align: baseline;">操作视频</span></span></a>
                        <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: rgb(51, 51, 51);">&nbsp;或&nbsp;</span>
                <a href="http://support.casio.com/cn/manual/manual.php?cid=009" target="_blank" style="box-sizing: border-box; margin: 0px; padding: 0px; background-color: transparent; color: rgb(0, 0, 0); text-decoration-line: none; outline: 0px !important;">
                    <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; color: rgb(0, 113, 191);">
                        <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; vertical-align: baseline;">详细使用说明</span></span>
                </a>
            </p>
        </div>
        <div class="product-price-credit bg-light box">
            <div class="product-price-info pull-left">
                <span class="promotion-name">销售价</span>
                <span class="sale-price">￥
                    <span class="price role-product-pc-price">1,890.00</span>
                </span>
            </div>
            <div class="product-collect pull-right">
                <a href="javascript:void(0)" class="role-product-favorite-add" data-sid="6357" data-collect="0">
                    <i class="iconfont">&#xe7a7;</i><span class="">收藏</span>
                </a>
            </div>
            <div class="clearfix"></div>
            <div class="credit-info">
                <div class="buy-credit" style="position: absolute;">购物积分
                    <span class="credit-value">1890</span>
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/product/credit.jpg" class="role-product-credit-explain">
                </div>
            </div>
        </div>
        <div class="product-promition-pc-content">
            <div class="product-info-content product-promotion role-product-promotion-content ">
                <div class="promotion-title product-info-title-left pull-left">促销</div>
                <div class="promotion-content  pull-right">
                    <div class="promotion-items role-product-gift-item ">
                        <span><span class="promotion-item-title">赠品</span></span>
                        <span class="promotion-item-img role-product-show-img">
                            <span class="role-product-gift-small-img">
                                <img class="role-product-gift-img" src="https://oss.casiostore.com.cn/products/6088b9a457ed6.png?x-oss-process=image%2Fresize%2Cm_pad%2Cw_80%2Ch_80%2Climit_0%2Fauto-orient%2C1%2Fquality%2Cq_90">
                            </span>
                        </span>
                                <span class="promotion-item-content role-product-gift-name role-product-show-gift">
                                            购BABY-G系列表款，赠糖果色风扇1个，限量50个，数量有限，赠完即止。
                            </span>
                        <span class="gifts-info">
                            <span class="promotion-item-desc"><a href="" class="role-product-show-gift">&gt;</a></span>
                                <span class="sale-out J-sale-out hidden">
                                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/product/icon-sale-out.png" >
                                </span>
                            <span class="sale-out J-will-sale-out hidden">
                                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/product/icon-will-sale-out.png">
                            </span>
                        </span>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="product-info-content product-color">
                <div class="product-color-title product-info-title-left pull-left">选择颜色</div>
                <div class="product-color-items">
                    <a title="MSG-S200LP-5APFL">
                        <span class="product-color-items-img role-product-color active" data-sid="6357" data-sku="4549526302589">
                            <img class="img-responsive center-block" src="https://oss.casiostore.com.cn/products/6051ac9a14834.png?x-oss-process=image/resize,m_pad,w_35,h_35,limit_0/auto-orient,1/quality,q_90" alt="MSG-S200LP-5APFL">
                        </span>
                    </a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="product-info-content product-promotion product-present-content role-product-gift-serve">
                <div class="product-color-title product-info-title-left pull-left">选择礼品</div>
                <span class="promotion-item-img role-product-show-img">
                <span class="role-product-present-small-img">
                    <img class="role-product-present-img" src="https://oss.casiostore.com.cn/products/60876af5cc2d9.png?x-oss-process=image/resize,m_pad,w_30,h_30,limit_0/auto-orient,1/quality,q_90">
                </span>
                <div class="product-big-image role-product-pc-show-bigImage role-product-show-present-img hidden">
                    <img src="https://oss.casiostore.com.cn/products/60876af5cc2d9.png?x-oss-process=image/resize,m_pad,w_200,h_200,limit_0/auto-orient,1/quality,q_90">
                </div>
                </span>
                <span class="promotion-item-present-title role-present-itemrole-pc-product-gift-serve">前往选购&gt;</span>
                <div class="clearfix"></div>
            </div>
            <div class="product-info-content product-buy-num">
                <div class="product-num-title product-info-title-left pull-left">数量</div>
                <div class="product-num-content role-product-quantity">
                    <span class="num-flag role-product-reduce"><i class="iconfont">&#xe620;</i></span>
                    <input type="text" value="1" class="num-text-box role-product-quantity-input">
                    <span class="num-flag role-product-increase"><i class=" iconfont">&#xe632;</i></span>
                </div>
                <div div class="clearfix"></div>
            </div>
            <div class="role-product-installments"></div>
        </div>
        <div class="product-buy-now">
            <a class="btn btn-primary center-block " href="http://localhost/CsCLUB/src/cart.html">
                立即购买
            </a>
        </div>
        <div class="product-buy-now">
            <a class="btn btn-primary center-block border-none " href="javascript:;">
                加入购物车
            </a>
        </div>
        <div class="product-custom-btn">
            <a class="btn btn-primary center-block"  href="javascript:;">
                我要定制
            </a>
        </div>
        <!--商品基本信息区域-->
        <div class="goods_extend">
            <!--左侧广告 商品展示区-->
            <div class="left-showcase col-md-4 hidden-sm hidden-xs">
                <div class="ad-box">
                    <a target="_blank" href="">
                    <img class="img-responsive" src="https://oss.casiostore.com.cn/advertisings/5fb5eb95ce72e.jpg?x-oss-process=image/resize,m_pad,w_300,h_300,limit_0/auto-orient,1/quality,q_90" alt="">
                    </a>
                </div>
                <div class="ad-box">
                    <a target="_blank" href="">
                      <img class="img-responsive" src="https://oss.casiostore.com.cn/advertisings/5f98e99107c82.jpg?x-oss-process=image/resize,m_pad,w_300,h_300,limit_0/auto-orient,1/quality,q_90" alt="">
                    </a>
                </div>
                <div class="panel common-favorite-product">
                    <div class="panel-header text-center">
                        <div class="similar-title">
                            <div class="line-title">
                                <h2 class="line-title-text">同类畅销产品</h2>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="thumbnail product">
                            <a href=""target="_blank">
                                <img class="img-responsive" src="https://oss.casiostore.com.cn/products/5d761bbe228d0.png?x-oss-process=image/resize,m_pad,w_233,h_233,limit_0/auto-orient,1/quality,q_90" alt="">
                            </a>
                            <!--服务标签开始-->
                            <div class="service-tag">
                                <div class="service-tag-item">
                                    <div class="service-tag-image image-custom-service"></div>
                                </div>
                            </div>
                            <!--服务标签结束-->
                            <div class="caption">
                                <h3>
                                    <a class="caption-link" href="" target="_blank">
                                    轻薄设计 人造蓝宝石玻璃镜面 蓝牙太阳能动力 多指针计时 防水商务男表EQB-1000YD-1APR
                                    </a>
                                </h3>
                                <p>￥2,990.00</p>
                            </div>
                        </div>
                        <div class="thumbnail product">
                            <a href="" target="_blank">
                                <img class="img-responsive" src="https://oss.casiostore.com.cn/products/5d49463e3d907.png?x-oss-process=image/resize,m_pad,w_233,h_233,limit_0/auto-orient,1/quality,q_90">
                            </a>
                            <!--服务标签开始-->
                            <div class="service-tag">
                                <div class="service-tag-item">
                                    <div class="service-tag-image image-custom-service"></div>
                                </div>
                            </div>
                            <!--服务标签结束-->
                            <div class="caption">
                                <h3>
                                    <a class="caption-link" href="" target="_blank">
                                        G-SHOCK 女性系列 小型化表盘运动防震防水手表GMA-S120MF
                                    </a>
                                </h3>
                                <p>￥990.00</p>
                            </div>
                        </div>
                        <div class="thumbnail product">
                            <a href="" target="_blank">
                                <img class="img-responsive" src="https://oss.casiostore.com.cn/products/5d4946384da20.jpg?x-oss-process=image/resize,m_pad,w_233,h_233,limit_0/auto-orient,1/quality,q_90">
                            </a>
                            <!--服务标签开始-->
                            <div class="service-tag">
                                <div class="service-tag-item">
                                    <div class="service-tag-image image-custom-service"></div>
                                </div>
                            </div>
                            <!--服务标签结束-->
                            <div class="caption">
                                <h3>
                                    <a class="caption-link" href="" target="_blank">
                                        G-SHOCK 女性系列 中性粉色系防水运动手表GMA-S110MP                    
                                    </a>
                                </h3>
                                <p>￥1,290.00</p>
                            </div>
                        </div>
                    </div>
                    <!--历史浏览记录-->
                    <div class="panel panel-default">
                        <div class="panel-header text-center">
                            <div class="history-title">
                                <div class="line-title">
                                    <h2 class="line-title-text">历史浏览记录</h2>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body">
                            <div class="thumbnail product">
                                <a href="" target="_blank">
                                    <img class="img-responsive" src="https://oss.casiostore.com.cn/products/6051ac9a2b91e.png?x-oss-process=image/resize,m_pad,w_233,h_233,limit_0/auto-orient,1/quality,q_90" alt="">
                                </a>
                                <!--服务标签开始-->
                                <div class="service-tag">
                                    <div class="service-tag-item">
                                        <div class="service-tag-image image-custom-service"></div>
                                    </div>
                                </div>
                                <!--服务标签结束-->
                                <div class="caption">
                                    <h3>
                                        <a class="caption-link" href="" target="_blank">
                                            豹纹主题系列 防水防震运动女表MSG-S200LP-5APFL
                                        </a>
                                    </h3>
                                    <p>￥1,890.00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右侧商品详情展示区-->
            <div class="right-showcase col-md-8">
                <div class="carousle">
                    <ul>
                        <li class="active">
                            <a href="">
                                <img src="https://oss.casiostore.com.cn/advertisings/608baf071b292.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="https://statics6.casiostore.com.cn/mc/6094a03ca4f10fe04a8b4567.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="https://oss.casiostore.com.cn/advertisings/602dc5ae16cd9.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                    <ol>
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div> 
                <ul id="J_product_tabNav" class="navs navs-tabs navs-tabs-underline ad-tab">
                    <li class="col-xs-2 active">
                        <a href="" data-toggle="tab" aria-expanded="true">产品详情</a>
                    </li>
                    <li class="col-xs-2">
                        <a href="" data-toggle="tab" aria-expanded="false">用户评价</a>
                    </li>
                    <li class="col-xs-2">
                        <a href="" data-toggle="tab" aria-expanded="false">产品规格</a>
                    </li>
                    <li class="col-xs-2">
                        <a href="" data-toggle="tab" aria-expanded="false">购物须知</a>
                    </li>
                </ul>
                <div class="tab-content role-product-tab-content">
                    <div role="tabpanel" class="tab-pane page-product-info active" id="J_PD_detail">
                        <img src="https://oss.casiostore.com.cn/products/6051ac98cdac1.jpg">
                        <font size="3">
                            <span style="display: block; background-color: rgb(0, 0, 0);">
                                <span style="display: block;">
                                    <span style="display: block;">
                                        <span style="display: block;">
                                            <span style="color: rgb(255, 255, 255); font-family: Arial;">
                                                <span style="font-weight: bold;">全新豹纹主题系列表款
                                                </span>
                                            </span>
                                        </span>
                                        <span style="display: block;">
                                            <span style="color: rgb(255, 255, 255); font-family: Arial;">表带采用时髦精们都疯狂热爱的“豹纹”,狂野大胆地彰显佩带者的个性。</span>
                                            <span style="color: rgb(255, 255, 255); font-family: Arial;">金属表盘搭配绘满豹纹的树脂表带，有液晶显示与指针两种可供选择。在保持轻量以及舒适度的同时赋予了产品金属高级质感。</span>
                                        </span>
                                    </span>
                                </span>
                            </span>
                            <img src="https://oss.casiostore.com.cn/products/6051ac98eadd2.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac9916a2f.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac993386b.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac9953a7a.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac996e3ff.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac9989969.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac99a107d.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac99b8319.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac99d2fb2.jpg">
                            <img src="https://oss.casiostore.com.cn/products/6051ac99e9f6d.jpg">
                        </font>                                    
                        <div class="packing-list"></div>
                            <img src="https://oss.casiostore.com.cn/pagesetting/5ff7fbfacc98f.jpg">
                            <div class="position-box role-wap-position-box">
                                <img src="https://oss.casiostore.com.cn/pagesetting/5f4480ead9368.jpg" class="role-position-img">
                            </div>
                    </div>
                </div>
            </div>
        </div>
         <!--浏览此商品-->
         <!-- <section class="visitor_visit_recommend">
            <div class="panel panel-default">
                <div class="panel-header text-center">
                    <div class="recommend-title">
                        <div class="line-title">
                            <h2 class="line-title-text">浏览了此商品的会员还浏览了</h2>
                        </div>
                    </div>
                </div>
                <div class="panel-body visitor_visit_recommend_body row">
                    <div class="row row-horizon role-row">                        
                        <div class="col-lg-fifth col-md-3 col-sm-4 col-xs-6 left-product product">
                            <div class="thumbnail">
                                <a href="/watch/edifice/EFR-526D-1AV/s449.html" title="卡西欧手表 EDIFICE 时尚商务休闲男士手表EFR-526D-1AVU" target="_blank">
                                    <img class="img-responsive" src="https://oss.casiostore.com.cn/products/5d495008d24b8.png?x-oss-process=image/resize,m_pad,w_233,h_233,limit_0/auto-orient,1/quality,q_90" alt="">
                                </a>
                                <div class="caption">
                                    <h3>
                                        <a href="/watch/edifice/EFR-526D-1AV/s449.html" title="卡西欧手表 EDIFICE 时尚商务休闲男士手表EFR-526D-1AVU" target="_blank">
                                            时尚商务休闲男士手表EFR-526D-1AVU                                    
                                        </a>
                                    </h3>
                                    <p>￥990.00</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="top10-scroll top10-scroll-prev hidden-xs role-prev">
                        <a href="#"><img src="https://statics6.casiostore.com.cn/publics/images/old/goods-detail/ion-arrow-left.png" alt=""></a>
                    </div>
                    <div class="top10-scroll top10-scroll-next hidden-xs role-next">
                        <a href="#"><img src="https://statics6.casiostore.com.cn/publics/images/old/goods-detail/ion-arrow-right.png" alt=""></a>
                    </div>
                </div>
            </div>
        </section> -->
    </div>
     <!-- 底部 -->
    <div class="tab">
        <div class="tab-md">
            <i><a href="" class="iconfont"><span>&#xe63a;</span>正品保证</a></i>
            <i><a href="" class="iconfont"><span>&#xe629;</span>个性定制</a></i>
            <i><a href="" class="iconfont"><span>&#xe69e;</span>全场免邮</a></i>
            <i><a href="" class="iconfont"><span>&#xe670;</span>积分商城</a></i>
            <i><a href="" class="iconfont"><span>&#xe61b;</span>专业售后</a></i>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div class="footer-md">
            <!--帮助中心-->
            <div class="footer-help">
                    <h6><a href="">帮助中心</a></h6>
                <div class="footer-sm">
                    <ul>
                        <p>新手指南</p>
                        <li><a href="">注册新用户</a></li>
                        <li><a href="">网站订购流程</a></li>
                        <p style="padding-top: 15px;">如何付款退款</p>
                        <li><a href="">支付方式</a></li>
                        <li><a href="">发票制作说明</a></li>
                        <li><a href="">如何办理退款/a></li>
                    </ul>
                </div>
                <div class="footer-sm">
                    <ul>
                        <p>配送方式</p>
                        <li><a href="">配送范围及配送时间</a></li>
                        <li><a href="">配送费收取标准</a></li>
                        <p style="padding-top: 15px;">售后服务</p>
                        <li><a href="">退换货政策</a></li>
                        <li><a href="">如何办理退货</a></li>
                        <li><a href="">保修服务</a></li>
                    </ul>
                </div>
                <div class="footer-sm">
                    <ul>
                        <p>自助查询</p>
                        <li><a href="">常用自助服务</a></li>
                        <li><a href="">热点问题</a></li>
                        <li><a href="">网站地图</a></li>
                        <li><a href="">产品问题帮助</a></li>
                        <li><a href="">产品说明书</a></li>
                        <li><a href="">产品操作视频</a></li>
                        <li><a href="">定制图案及文字说明细则</a></li>
                    </ul>
                </div>
                <div class="footer-sm">
                    <ul>
                        <p>其他</p>
                        <li><a href="">交易条款</a></li>
                        <li><a href="">关于我们</a></li>
                    </ul>
                </div>
            </div>
            <!--友情链接-->
            <div class="footer-link">
                <h6><a href="">友情链接</a></h6>
                <div class="footer-col" style="margin-left: 75px;">
                    <ul>
                        <li><a href="">卡西欧官网</a></li>
                        <li><a href="">卡西欧G-SHOCK</a></li>
                        <li><a href="">卡西欧电子教育</a></li>
                        <li><a href="">卡西欧计算器</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <ul>
                        <li><a href="">卡西欧电子乐器</a></li>
                        <li><a href="">卡西欧手表</a></li>
                        <li><a href="">快递查询</a></li>
                    </ul>
                </div>
            </div>
            <!--C`sCLUB-->
            <div class="footer-club">
                <h6><a href="">C`s CLUB</a></h6>
                    <ul>
                        <li><a href="">定制服务</a></li>
                        <li><a href="">积分商城</a></li>
                        <li><a href="">试用中心</a></li>
                        <li><a href="">卡西欧头条</a></li>
                    </ul>
            </div>
            <!--底部 footer 咨询电话 在线客服 二维码-->
            <div class="footer-con">
                <div class="footer-con-a">
                    <div class="footer-con-b">
                        <div class="footer-con-c">
                            <i class="iconfont">&#xe604;</i>
                        </div>
                        <div class="footer-con-d">
                            <span>咨询电话</span><br />
                            <span>400-700-6655</span>
                        </div>
                    </div>
                    <div class="footer-con-b">
                        <div class="footer-con-d">
                            <span>周一到周日9:00 - 18:00</span><br />
                            <span>（国定假日除外）</span>
                        </div>   
                    </div>
                </div>
                <div class="footer-con-a"style="width: 350px;">
                    <div class="footer-con-b">
                        <div class="footer-con-c">
                            <i class="iconfont" style="padding-left: 20px;">&#xe61b;</i>
                        </div>
                        <div class="footer-con-d">
                            <span style="line-height:50px;">在线客服</span>
                        </div>
                    </div>
                    <div class="footer-con-b">
                        <div class="footer-con-d">
                            <span>周一到周日9:00 - 21:00</span><br />
                            <span>（国定假日除外）</span>
                        </div>   
                    </div>
                </div>
                <div class="footer-con-a" style="width: 263px;">                   
                    <div class="footer-con-b">
                        <i style="padding-left: 30px;"><img src="./image/qrcode.jpg" alt=""></i>
                        <div class="footer-con-d" style="float: right; margin-left: 10px;">
                            <span style="text-align: center;">手机访问</span><br />
                            <span>卡西欧官方商城</span>
                        </div>   
                    </div>
                </div>
                <div class="footer-con-a" style="width: 263px; border-right: none;">                   
                    <div class="footer-con-b">
                        <i style="padding-left: 20px;"><img src="./image/qrcode-public.png" alt=""></i>
                        <div class="footer-con-d" style="float: right; margin-left: 10px;">
                            <span>扫码关注卡西欧</span><br />
                            <span>官方商城微信</span>
                        </div>   
                    </div>
                </div>
            </div>
        </div>
         <!--京ICP 备案-->
        <div class="footer-pull">
            <a href="">京ICP备 10009123号-10</a>
            <a href=""><img src="./image/business_license_icon.png" alt=""></a>
            <a href="" style="float: right;">www.casiostore.com.cn</a>
        </div>
    </div>
</body>
<script src="./js/jquery-detail.js"></script>
<script>
    var res = new Box('carousle');
    res.init()
</script>
<script type="text/javascript">
    var nav=document.querySelector('.nav');
    window.onscroll =function(){
        var arr = document.documentElement.scrollTop || document.body.scrollTop;
        if( arr>=40){
            nav.style.position = "fixed";
            nav.style.top = "0px";
        }else{
            nav.style.position = "relative";
        }
    }
</script>
</html>